<style scoped>
.contact {
    background-color: #FF4258;
    width:calc( 100vw );
    height:calc( 100vh );
    position: relative;
}

.contact p{
    color:#FFF;
    position: absolute;
}

p.p1{
    top:100px;
    left:50px;
    font-size:26px;
}

p.p2{
    top:150px;
    left:100px;
    font-size:20px;
}

p.p3{
    top:200px;
    left:80px;
    font-size:24px;
}

p.p4{
    top:250px;
    left:30px;
    font-size:18px;
}

p.p5{
    top:300px;
    left:100px;
    font-size:30px;
}
</style>
<template>
  <div class="contact">
    <p class="p1">我来了</p>
    <p class="p2">你却走了</p>
    <p class="p3">如果还能再见</p>
    <p class="p4">我只想说</p>
    <p class="p5">我爱你</p>
  </div>
</template>
<script>
export default {
  mounted () {
    setTimeout(() => {
      this.$router.push({name: 'player', params: this.$route.params.id})
    }, 3000)
  }
}
</script>

